body {
        margin:0;
        padding:0;
        border:0;                       /* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;                /* Minimum width of layout - remove line if not required */
                                        /* The min-width property does not work in old versions of Internet Explorer */
        font-size:90%;
        background: url("images/Fondgeneral.PNG") fixed;
}
a {
        color:#369;
}
a:hover {
        color:#fff;
        background:#369;
        text-decoration:none;
}
h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
}
p {
        margin:.4em 0 .8em 0;
        padding:0;
}
img {
        margin:10px 0 5px;
}
#ads img {
        display:block;
        padding-top:10px;
}

a:link {color: darkgray;}
a:visited {color: gray;}
a:hover { background-color: whitesmoke ;color: gold;}
a:active {color: red;}

/* Header styles */

#header {
        clear:both;
        float:left;
        width:100%;
        background:#eee;
}

#header p,
#header h1,
#header h2 {
        padding:.4em 15px 0 15px;
        margin:0;
}
#header ul {
        list-style:none;
        margin:0;
        padding:0;
}
#header ul li {
        display:inline;
        list-style:none;
        margin:0;
        padding:0;
        
}
#header ul li a {
        display:block;
        float:left;
        margin:0 0 0 1px;
        padding:3px 10px;
        text-align:center;
        background:#eee;
        color:#000;
        text-decoration:none;
        position:relative;
        left:15px;
        line-height:1.3em;
}
#header ul li a:hover {
        background:#369;
        color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
        color:#fff;
        background:#000;
        font-weight:bold;
}
#header ul li a span {
        display:block;
}

/*Bannieres*/

.bannieres
{
    width: 90%;
    height: 20%;
}
/* 'widths' sub menu */
#layoutdims {
        width: 20%;
        /*clear:both;*/
        height: 100%;
        margin:0;
        padding:6px 15px !important;
        text-align:right;
        float:right;
}



/* column container */
.colmask {
        position:relative;      /* This fixes the IE7 overflow hidden bug */
        clear:both;
        float:left;
        width:100%;                     /* width of whole page */
        overflow:hidden;                /* This chops off any overhanging divs */
        
}
/* common column settings */
.colright,
.colmid,
.colleft {
        float:left;
        width:100%;                     /* width of page */
        position:relative;
}
.col1,
.col2,
.col3 {
        float:left;
        position:relative;
        padding:0 0 1em 0;  
        margin-bottom: 5%;
        margin-top: 5%;
        overflow:hidden;
        background: url("images/testfond.PNG") center;
     
}

.col2 #imagemenu {
    width: 80%;
}
/* 3 Column settings */

.threecol .colmid
{
        right:25%;                      /* width of the right column */
        
        
}

.threecol .colleft
{
        right:50%;                      /* width of the right column */
        
        
}
.threecol .col1 {
        width:52%;                      /* width of center column content (column width minus padding on either side) */
        left:99%;                       /* 100% plus left padding of center column */
        
        
}
.threecol .col2 {
        width:21%;                      /* Width of left column content (column width minus padding on either side) */
        left:24%;                       /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
        width:21%;                      /* Width of right column content (column width minus padding on either side) */
        left:80%;                       /* Please make note of the brackets here:
                                        (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.Partenaire, .contact
{
    border-radius: 4px;
    padding: 2px;
    margin: 4px;
}
/* Footer styles */
#footer {
        position: fixed;
        bottom:0;
        width:80%;
        margin-left: 10%;
        margin-right: 10%;
        background:#eee;   

        
}
#footer p {
        padding:10px;
        margin:0;
        bottom:0;
        
}

#stats
{
    float:bottom;
    position: absolute;
}

/* Formulaire inscription */

label 
{
        float:left;
        width:180px;
}

input, 
select, 
textarea,
button {
        background:#fff;
        font-size:1em;
        font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight:300;
        color:#8c8a8b;
}

input[type=text], 
input[type=password], 
input[type=email], 
textarea,
select
{
        border:1px solid #c7c7c7;
        outline:5px solid rgba(0, 0, 0, 0.1);
        padding:3px 5px;
}

input[type=text]:focus, 
input[type=text]:active, 
input[type=password]:active, 
input[type=password]:focus, 
input[type=email]:active, 
input[type=email]:focus, 
textarea:active, 
textarea:focus {
        outline:5px solid rgba(0, 0, 0, 0.2);
}

textarea {
        height:174px;
}

/* Global Declaration */
.selector 
{
  background-image: url('images/sprite.png');
  background-repeat: no-repeat;
}

/*Boutons*/


button {
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%); /* IE10+ */
	background: linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1); 
	border-color: #eeeced #eeeced #9b9b9b;
    border-style: solid;
    border-width: 1px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding:5px 30px;
	font-weight:bold;
	text-shadow:0px 1px 0px #fff;
	cursor:pointer;
}

button:hover {
	background:#f5f5f5;
}

button:focus, 
button:active {
	background:#e8e8e8;
}

button.action {
	background: #fa765f; /* Old browsers */
	background: -moz-linear-gradient(top, #fa765f 0%, #e15d46 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa765f), color-stop(100%,#e15d46)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fa765f 0%,#e15d46 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fa765f 0%,#e15d46 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fa765f 0%,#e15d46 100%); /* IE10+ */
	background: linear-gradient(top, #fa765f 0%,#e15d46 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa765f', endColorstr='#e15d46',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 179, 166, 1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 179, 166, 1);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 179, 166, 1); 
	border-color: #fc7f6b #fc7f6b #d0432f;
	color:#b13e2d;
	text-shadow:0px 1px 0px #ffb3a5;
}

button.action:hover {
	background:#fa765f;
}

button.action:focus, 
button.action:active {
	background:#e15d46;
}


/* SPRITES */

/*Footer*/

.icone li {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("images/spriteReseau.png") no-repeat;
}
 
.Tweeter 
{ background-position: left top; }
.Myspace 
{ background-position: 20% top; }
.Facebook
{ background-position: 40% top; }
.Wikipedia
{ background-position: 60% top; }
.DailyMotion
{ background-position: 80% top; }
.FluxRSS 
{ background-position: right top; }


.Tweeter:hover { background-position: left bottom; }
.Myspace:hover { background-position: 20% bottom; }
.Facebook:hover { background-position: 40% bottom; }
.Wikipedia:hover { background-position: 60% bottom; }
.DailyMotion:hover { background-position: 80% bottom; }
.FluxRSS:hover { background-position: right bottom; }
/* Select */

.selector {
  background-position: -483px -160px;
  line-height: 32px;
  height: 32px;float:left;
}

.selector span {
  background-position: right 0px;
  height: 32px;
  line-height: 32px;
}
.selector option {padding:3px;border-bottom:1px dotted #ccc;}
.selector select {
  top:2px;
left:10px;border:1px solid #333;
}

.selector:active, 
.selector.active {
	background-position: -483px -192px;
}

.selector:active span, 
.selector.active span {
	background-position: right -32px;
}

.selector.focus, .selector.hover, .selector:hover {
	background-position: -483px -224px;
}

.selector.focus span, .selector.hover span, .selector:hover span {
	background-position: right -64px;
}

.selector.focus:active,
.selector.focus.active,
.selector:hover:active,
.selector.active:hover {
	background-position: -483px -256px;
}

.selector.focus:active span,
.selector:hover:active span,
.selector.active:hover span,
.selector.focus.active span {
	background-position: right -96px;
}

.selector.disabled,
.selector.disabled:active,
.selector.disabled.active {
	background-position: -483px -288px;
}

.selector.disabled span,
.selector.disabled:active span,
.selector.disabled.active span {
  background-position: right -128px;
}

/* Select */


.selector {
  margin-bottom:0px;
  width: auto;
  color: #464545;
  font-size: 14px;cursor:pointer;
}

.selector select {
  width: 150px;
}

.selector span {
  padding: 2px 25px 0px 2px;
  cursor: pointer;
 color:#8c8a8b;
  width: 226px;
  text-shadow: 0px 1px 0px #fff;
}

.selector.disabled span {
	color: #bbb;
}
